.ui {
    padding: 2px;
    margin: 1px;

}

.ui-filter {

}
.ui-filter .filterField {
    display: block;
    width: 85%;
    margin: 0px auto;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sort-column {
    width: 95%;
    margin: 0px auto;
    padding: 2px 3px
}
.sort {
    margin-right: 2px
}
.sort-label {
    width: 65%
}
.sort .asc, .sort .desc {
    background: url("../img/sort-icon.png") left top no-repeat transparent;
    display: block;
    width: 9px;
    height: 5px;
    margin-bottom: 2px;
    cursor: pointer
}
.sort .desc {
    background-position: 0px -7px
}
.sort .desc.active {
    background-position: -9px -7px
}
.sort .asc.active {
    background-position: -9px 0px
}

.ui-button,input.ui-button, a.ui-button {
    background-image: linear-gradient(bottom, #0075BE 20%, #00ABEE 80%);
    background-image: -o-linear-gradient(bottom, #0075BE 20%, #00ABEE 80%);
    background-image: -moz-linear-gradient(bottom, #0075BE 20%, #00ABEE 80%);
    background-image: -webkit-linear-gradient(bottom, #0075BE 20%, #00ABEE 80%);
    background-image: -ms-linear-gradient(bottom, #0075BE 20%, #00ABEE 80%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.2, #0075BE),
        color-stop(0.8, #00ABEE)
        );

    padding: 5px 8px;
    border: 1px solid #0072bc;
    color: white;
    height: 15px;
    display: block
}
input.ui-button, button.ui-button {
    height: 28px
}

.ui-button:hover, .ui-button.active {
    border-color: white
}
.ui-disabled, .ui-disabled:focus {
    border:none;
    padding: 0;
    background: none;
    display: inline-block;
    width: auto
}
.ui-page, a.ui-page {
    background-color: #555555;
    padding: 5px;
    border: 1px solid #0072bc;
    margin-right: 3px;
    color: white;
    display: block
}
.ui-page.current {
    background-color: #00ABEE
}
.ui-message {
    border: 1px solid #336600
}
.ui-message .message-wrap {
    border: 1px solid #00cc00;
    padding: 10px 15px;
    color: white
}
.gr-yellow {
    background-image: linear-gradient(bottom, #097510 0%, #04C21A 57%);
    background-image: -o-linear-gradient(bottom, #097510 0%, #04C21A 57%);
    background-image: -moz-linear-gradient(bottom, #097510 0%, #04C21A 57%);
    background-image: -webkit-linear-gradient(bottom, #097510 0%, #04C21A 57%);
    background-image: -ms-linear-gradient(bottom, #097510 0%, #04C21A 57%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #097510),
        color-stop(0.57, #04C21A)
        );
}
